/* Vue.directive('指令名', {
  // 使用当前指令的dom元素插入到父节点时触发这个inserted函数
  inserted(el, binding) { // el值当前使用指令的dom元素 binding是一个对象
  }
}) */
// Vue.directive('imgerror', {
//   inserted(el, binding) {
//     console.log(binding.value)
//     // onerror 是图片加载失败后才会触发
//     el.onerror = function() {
//       // console.log('加载图片失败')
//       el.src = binding.value || 'https://img1.baidu.com/it/u=1864952117,272543708&fm=253&fmt=auto&app=138&f=JPEG?w=384&h=384'
//     }
//   }
// })
export const bg = {
  inserted(el) {
    el.style.background = 'pink'
  }
}
export const imgerror = {
  inserted(el, binding) {
    console.log(binding.value)
    // onerror 是图片加载失败后才会触发
    el.onerror = function() {
      // console.log('加载图片失败')
      el.src = binding.value || 'https://img1.baidu.com/it/u=1864952117,272543708&fm=253&fmt=auto&app=138&f=JPEG?w=384&h=384'
    }
  }
}

